<template>
  <div class="advantage_page" >
    <div class="advantage_top flex-center">
      <p class="bigtitle">加拿大的综合生活服务互联网平台</p>
      <img src="../assets/gift.jpg" class="giftimg" alt="" />
    </div>
    <div class="advantage_content">
      <div class="flex-a-c">
        <img src="../assets/ques.jpg" class="quesimg" alt="" />
        <p style="font-size: 30px;">我们的优势</p>
      </div>
      <div class="advantage_box">
        <div class="advantage_item">
          <p style="font-size: 24px;" >#01</p>
           <el-divider></el-divider>
           <div class="flex-a-c" >
            <img src="../assets/ad_one.png" style="width: 28px; height: 28px;" alt="" />
            <p class="font-24" >多种营销产品</p>
           </div>
           <p class="halfblack font-18" style="margin-top: 17px;" >
            专业市场推广团队，定制线上线下结合的营销活动，增加曝光，红包优惠以及数据营销等功能加持，增加收益
           </p>
        </div>
        <div class="advantage_item">
          <p style="font-size: 24px;" >#02</p>
           <el-divider></el-divider>
           <div class="flex-a-c" >
            <img src="../assets/ad_one.png" style="width: 28px; height: 28px;" alt="" />
            <p class="font-24" >细分领域定位</p>
           </div>
           <p class="halfblack font-18" style="margin-top: 17px;" >
            专业市场推广团队，定制线上线下结合的营销活动，增加曝光，红包优惠以及数据营销等功能加持，增加收益
           </p>
        </div>
        <div class="advantage_item">
          <p style="font-size: 24px;" >#03</p>
           <el-divider></el-divider>
           <div class="flex-a-c" >
            <img src="../assets/ad_one.png" style="width: 28px; height: 28px;" alt="" />
            <p class="font-24" >便捷的支付系统</p>
           </div>
           <p class="halfblack font-18" style="margin-top: 17px;" >
           支持多种付款方式，帮助商户节约收款时间，降本增效
           </p>
        </div>
        <div class="advantage_item">
          <p style="font-size: 24px;" >#04</p>
           <el-divider></el-divider>
           <div class="flex-a-c" >
            <img src="../assets/ad_one.png" style="width: 28px; height: 28px;" alt="" />
            <p class="font-24" >完善的评价系统</p>
           </div>
           <p class="halfblack font-18" style="margin-top: 17px;" >
              图文的评价系统支持用户做出更好，更真实的评价；同时帮助商家了解消费者心智，帮助商户更好的提升服务质量
           </p>
        </div>
        <div class="advantage_item">
          <p style="font-size: 24px;" >#05</p>
           <el-divider></el-divider>
           <div class="flex-a-c" >
            <img src="../assets/ad_one.png" style="width: 28px; height: 28px;" alt="" />
            <p class="font-24" >正规安全管理系统</p>
           </div>
           <p class="halfblack font-18" style="margin-top: 17px;" >
           商家端独立的管理网站，清楚了解平台交易，有第三方安全财务账户保管商家无需担心资金安全问题
           </p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'Nuxtouradvantage',
    data() {
      return {

      }
    },
    methods: {

    }

  }
</script>

<style>
  .advantage_page{
    background-color: #F5F5F5;
    padding: 0px 0 81px;
  }
  .advantage_top {
    background: url('../assets/top.jpg');
    width: 100vw;
    height: 162px;
    background-size: cover;

    .bigtitle {
      font-family: AaHouDiHei;
      font-size: 50px;
      font-style: normal;
      color: #fff;
    }

    .giftimg {
      width: 131px;
      height: 131px;
    }
  }

  .advantage_content {
    width: 1432px;
    margin: 72px auto 0;

    .quesimg {
      width: 44px;
      height: 44px;
    }
  }

  .advantage_box {
    margin-top: 4px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    .advantage_item {
      margin-top: 30px;
      padding: 16px;
      border-radius: 16px;
      height: 242px;
      background-color: #fff;
      box-shadow: 0px 20px 0px 0px #F83A3A;
    }
  }
</style>
